<link href="dist/css/starter-template.css" rel="stylesheet">
<script type="text/javascript" src="dist/js/bootstrapValidator.js"></script>
<script type="text/javascript"> 
	function checkPassword(theForm) {
	 if (document.getElementById('inputPassword').value != document
				.getElementById('confirmInputPassword').value) {
			alert('Passwords do not match!');
			return false;
		} else {
			return true;
		}
	}
</script>
<body>
	<div class="container" align="left">
		
		<form action="changeUserPasswordByUser.action" method="post" style="margin-left: 0px;" onsubmit="return checkPassword('new_password', 'confirmPassword')">
			<h3 style="color: navy;">${session.profile.firstName}&nbsp
				${session.profile.lastName}</h3>
		<hr>
			<table >
				<tr>
					<td><h4>Old Password :</h4></td>
					<td><input type="password" class="form-control" required="required"
						placeholder="Old Password" autofocus name="old_password"></td>
				</tr>
				<tr>
					<td colspan="2"><hr></td>
				</tr>
				<tr>
					<td><h4>New Password :</h4></td>
					<td><input type="password" class="form-control" required="required" id="inputPassword"
						placeholder="New Password" name="new_password"></td>	
				</tr>
				<tr>
					<td><h4>Confirm Password :</h4></td>
					<td><input type="password" class="form-control" required="required" id="confirmInputPassword"
						placeholder="Confirm New Password" name="confirmPassword"></td>
				</tr>
				<tr>
					<td colspan="2"><br></td>
				</tr>
				<tr>
					<td></td>
					<td><button class="btn btn-lg btn-primary btn-block"
							type="submit">Change Password</button></td>
				</tr>
			</table>
		</form>
	</div>
</body>
<link href="dist/css/starter-template.css" rel="stylesheet">
<script type="text/javascript" src="dist/js/bootstrapValidator.js"></script>
<script type="text/javascript"> 
	function checkPassword(theForm) {
	 if (document.getElementById('inputPassword').value != document
				.getElementById('confirmInputPassword').value) {
			alert('Passwords do not match!');
			return false;
		} else {
			return true;
		}
	}
</script>
<body>
	<div class="container" align="left">
		
		<form action="changeUserPasswordByUser.action" method="post" style="margin-left: 0px;" onsubmit="return checkPassword('new_password', 'confirmPassword')">
			<h3 style="color: navy;">${session.profile.firstName}&nbsp
				${session.profile.lastName}</h3>
		<hr>
			<table >
				<tr>
					<td><h4>Old Password :</h4></td>
					<td><input type="password" class="form-control" required="required"
						placeholder="Old Password" autofocus name="old_password"></td>
				</tr>
				<tr>
					<td colspan="2"><hr></td>
				</tr>
				<tr>
					<td><h4>New Password :</h4></td>
					<td><input type="password" class="form-control" required="required" id="inputPassword"
						placeholder="New Password" name="new_password"></td>	
				</tr>
				<tr>
					<td><h4>Confirm Password :</h4></td>
					<td><input type="password" class="form-control" required="required" id="confirmInputPassword"
						placeholder="Confirm New Password" name="confirmPassword"></td>
				</tr>
				<tr>
					<td colspan="2"><br></td>
				</tr>
				<tr>
					<td></td>
					<td><button class="btn btn-lg btn-primary btn-block"
							type="submit">Change Password</button></td>
				</tr>
			</table>
		</form>
	</div>
</body>
